import React from 'react';
import MainLayout from '../../components/MainLayout';
import './Help.css';

const Help = () => {
  return (
    <MainLayout>
      <div className="help-container">
        <main>
          <h2 id="prerequisite">一、准备工作</h2>
          <div className="step">
            <ol>
              <li>安装支持 <strong>Passkey</strong>/<strong>多 Tracker</strong> 的 BT 客户端： <em>qBittorrent / Transmission / ruTorrent</em> 等。</li>
              <li>准备公网或局域网服务器（可选）用于自建 Tracker。</li>
              <li>注册本站账户并完成邮箱验证。</li>
            </ol>
          </div>

          <h2 id="register-tracker">二、创建 Tracker 并与账户绑定</h2>
          <div className="step">
            <ol>
              <li>登录 PT 网站 → <kbd>我的网络</kbd> → <kbd>创建 网络</kbd>。</li>
              <li>填写：<code>Tracker 名称</code>、<code>公网/IP:Port</code>、<code>公网/内网</code>。</li>
              <li>重启 Tracker ⇒ 平台后台检测 <code>isActive = true</code> 即注册完成。</li>
            </ol>
          </div>

          <h2 id="join-network">三、加入公网/内网 Tracker 网络</h2>
          <div className="step">
            <ol>
              <li>导航到 <kbd>网络</kbd>，选择感兴趣的 <strong>公网</strong> 或你所在机构的 <strong>局域网</strong>。</li>
              <li>点击 <kbd>加入</kbd>，即可加入到该网络。</li>
              <li>同一账号可加入多个网络；将影响 <em>Tier‑1</em> Tracker 列表与积分结算池。</li>
            </ol>
          </div>

          <h2 id="purchase">四、购买并下载资源</h2>
          <div className="step">
            <ol>
              <li>在资源市场中浏览，确认 <strong>价格</strong> 与 <strong>可用网络</strong>。</li>
              <li>点击 <kbd>购买</kbd>，支付积分后可 <kbd>下载种子 .torrent</kbd>。</li>
              <li>下载页面会要求选择 <strong>Tier‑0</strong>：<br/>
                <ul>
                  <li><strong>局域网 Tracker</strong>（推荐） — 延迟低、带宽成本小。</li>
                  <li>若仅打算公网做种，可直接选任一已加入的公网网络。</li>
                </ul>
              </li>
              <li>.torrent 生成逻辑（后端自动完成）：
                <pre>
{`Tier‑0  : 你选定的 1 条局域网 Tracker
Tier‑1  : 你已加入的全部公网 Tracker
passkey : 动态注入到每条 Tracker URL`}
                </pre>
              </li>
              <li>用 BT 客户端打开种子，立刻进入 <code>Download → Seed</code> 流程。</li>
            </ol>
          </div>

          <h2 id="seeding">五、多网做种 & 博取积分</h2>
          <div className="step">
            <ol>
              <li>客户端首先向 Tier‑0 announce，如果无人做种将回退到 Tier‑1。</li>
              <li>一旦完成 <strong>首个区块</strong> 上传，平台在对应网络写入 <code>last_upload_at</code>，资源卡片即显示"可用"。</li>
              <li>上传/下载增量通过PT站系统实时记录。</li>
              <li>每周一结算：<br/>
                <code>积分 = Pool × 归一化贡献度</code>（上传多、下载少者获益最大）。</li>
            </ol>
          </div>

          <h2 id="faq">六、常见问题</h2>
          <div className="tip">
            <p><strong>Q：</strong>分享种子文件给朋友会怎样？<br/>
               <strong>A：</strong>所有下载流量会记在你的 <code>passkey</code> 名下，上传仍归对方，易导致贡献度失衡，请勿公开分享。</p>
          </div>
          <div className="tip">
            <p><strong>Q：</strong>Tracker 离线怎么办？<br/>
               <strong>A：</strong>失活后需要通知网络管理员，不影响其他 Tracker 做种。</p>
          </div>
        </main>
      </div>
    </MainLayout>
  );
};

export default Help; 